@charset "utf-8";

body{ background:#fff;}

.d_inline{display:inline-block; *display:inline; *zoom:1; vertical-align:middle;}
.transition{-webkit-transition:all 1s ease; transition:all 1s ease;}

.wrap_w{ padding-top:60px;}

.top{ position:fixed; top:0; left:0; width:100%; z-index:1000; height:60px; background:#141414;}
.logo{ height:60px; background:url(../images/logo.png) 25px center no-repeat;}

.t_info{ float:right; padding-top:5px;}
.t_info li{ position:relative; float:left; padding-right:10px; line-height:48px; color:#0edaff;}

.exit_b:hover .exit{ display:block;}
.exit{ display:none; position:absolute; top:40px; left:-10px; width:100px; text-indent:10px; line-height:30px;  color:#fff; background:#333;}
.exit:hover{ color:#fff;}

.icon25{display:inline-block; *display:inline; *zoom:1; vertical-align:middle; width:25px; height:25px;}
.d_icon{ background:url(../images/25_icon.png) 0 -50px no-repeat;} 

.u_img{ width:48px; height:48px; border-radius:100%;}

.search_b{ display:block; margin-top:15px; width:154px; height:26px; border-radius:3px; background:#fff;}
.search_txt{ float:left; width:125px; height:26px; line-height:26px; border:none; text-indent:5px; vertical-align:top; background:none;}
.search_btn{float:left; width:25px; height:25px; border:none; cursor:pointer; vertical-align:top; background:url(../images/25_icon.png) 0 -25px no-repeat;}

.notice{ position:relative; margin:5px 10px 0 0; background:url(../images/25_icon.png) no-repeat;}
.notice em{ position:absolute; top:-3px; right:-3px; width:15px; height:15px; line-height:15px; text-align:center; border-radius:100%; font-size:10px; color:#fff; background:#ec2741;}

.nav{ float:right; padding:15px 50px 0 0;}
.nav li{ float:left; padding:0 15px; line-height:30px;}
.nav li a{ color:#a0a9bb;}
.nav li a:hover,.nav li a.on{ color:#fff;}

.icon30{display:inline-block; *display:inline; *zoom:1; vertical-align:middle; width:30px; height:30px;}
.n01{ margin-right:5px; background:url(../images/30_icon.png) no-repeat;}
.n02{ margin-right:5px; background:url(../images/30_icon.png) 0 -30px no-repeat;}
.n03{ margin-right:5px; background:url(../images/30_icon.png) 0 -60px no-repeat;}
.n04{ margin-right:5px; background:url(../images/30_icon.png) 0 -90px no-repeat;}

.nav li a:hover .n01,.nav li a.on .n01{ background:url(../images/30_icon_on.png) no-repeat;}
.nav li a:hover .n02,.nav li a.on .n02{ background:url(../images/30_icon_on.png) 0 -30px no-repeat;}
.nav li a:hover .n03,.nav li a.on .n03{ background:url(../images/30_icon_on.png) 0 -60px no-repeat;}
.nav li a:hover .n04,.nav li a.on .n04{ background:url(../images/30_icon_on.png) 0 -90px no-repeat;}

.m_tab{ padding-top:60px; height:54px; border-bottom:1px solid #ccc; background:#e4e8ec;}
.m_tab li{ float:left; margin-right:1px;}
.m_tab li a{ display:block; padding:0 10px; min-width:100px; line-height:54px; text-align:center; color:#666; font-size:16px; white-space:nowrap;}
.m_tab li a:hover,.m_tab li a.on{ line-height:53px; border-bottom:2px solid #32c6e1; background:#f3f5f6;}

.main{ margin:0 auto; padding:30px; width:1400px;}

.date_input{ width:140px; height:30px; line-height:30px; border:1px solid #ccc; text-indent:5px; vertical-align:middle; background:#f2f2f2 url(../images/date.png) right center no-repeat;}
.a_btn{ padding:0 25px; height:32px; border:none; cursor:pointer; color:#fff; overflow:visible; vertical-align:middle; background:#00bd66;}

.m_right{ float:right; width:350px;}
.m_left{ margin-right:350px;}

.c_tit{ font-size:24px; color:#586871;}

.chart_p{ position:relative; width:270px; padding-left:50px; margin-bottom:50px;}

.chart_b{ border-left:1px solid #333; padding-top:10px;}
.chart_b li{ position:relative; height:50px; border-bottom:1px solid #ccc;}
.chart_b li:first-child{  height:0;}
.chart_b li:last-child{ border-bottom:1px solid #333;}
.x_axis{ position:absolute; right:100%; bottom:-10px; padding-right:10px; text-align:right; white-space:nowrap;}

.d_bar{ position:absolute; bottom:0; left:0; padding:0 10px 0 0; width:100%; height:510px;}
.d_bar ul{ padding-left:80px; height:100%; font-size:0;}
.d_bar li{ position:relative;display:inline-block; *display:inline; *zoom:1;vertical-align:top; width:100px; height:100%; font-size:12px;}

.bar_h{position:absolute; bottom:0; left:50%; margin-left:-17px; width:34px; height:0; -webkit-transition:all 1s ease; transition:all 1s ease;}

.bar_c01{
  background:#218cd4;
  filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#09caf5,endcolorstr=#218cd4,gradientType=0);
  background: -moz-linear-gradient(top, #09caf5, #218cd4);
  background: -webkit-linear-gradient(top,#09caf5,#218cd4);
  background: -o-linear-gradient(top, #09caf5, #218cd4);
 }
 
 .bar_c02{
  background:#22d4c8;
  filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#09f5b1,endcolorstr=#22d4c8,gradientType=0);
  background: -moz-linear-gradient(top, #09f5b1, #22d4c8);
  background: -webkit-linear-gradient(top,#09f5b1,#22d4c8);
  background: -o-linear-gradient(top, #09f5b1, #22d4c8);
 }

.a_txt{ position:absolute; left:0; top:100%; width:100%; padding:10px 0; text-align:center; font-size:14px;}

.bar_n{ position:absolute; top:-40px; left:0; width:100%; text-align:center; font-size:30px;}

.cc01{ color:#3faae8;}
.cc02{ color:#00c5b1;}

.bar_h:hover .bar_tips{ display:block;}
.bar_tips{ display:none; position:absolute; top:10%; left:-20px; padding:10px; line-height:30px; font-size:18px; color:#fff; white-space:nowrap; background:#1d2738;}
.bar_tips em{ display:block; font-size:16px; color:#b8cae7;}

.happy_b{}
.p_relative{ position:relative;}
.p_relative:hover  .bar_tips{ display:block;}
.cell2{ display:inline-block; *display:inline; *zoom:1; vertical-align:top; margin-bottom:100px; width:480px; font-size:14px;}

.h_tit{ position:relative; padding-bottom:30px;}
.h_tit span{display:inline-block; *display:inline; *zoom:1; vertical-align:middle; margin-top:10px; padding:0 10px; line-height:28px; font-size:18px; color:#fff;}

.bg01{ background:#009ed9;}
.bg02{ background:#0769ee;}
.bg03{ background:#fa4700;}
.bg04{ background:#58ad0c;}

.h_num{ position:absolute; left:380px; top:0; font-size:36px; white-space:nowrap; }

.hc01{ color:#009ed9;}
.hc02{ color:#0769ee;}
.hc03{ color:#fa4700;}
.hc04{ color:#58ad0c;}

.select{ width:150px; height:28px; vertical-align:middle; background:#f2f2f2;}

.all_box{ margin-top:10px; border:solid #ddd; border-width:1px 0;}
.a_left{ margin-right:52%; border-right:1px solid #ddd; }
.a_right{ float:right; width:52%;}

.b_btn{ padding:0 25px; height:30px; border:none; cursor:pointer; color:#fff; overflow:visible; vertical-align:middle; background:#ff7200;}

.table_list{ text-align:center;}
.table_list th{ padding:0 5px; line-height:40px; font-weight:normal; background:#d6dce2;}
.table_list td{ padding:8px 5px; border-bottom:1px solid #ddd;}
.table_list tr:hover{ background:#ebf7ff;}

.a_chart{ display:inline-block; *display:inline; *zoom:1; vertical-align:top; width:220px;}
.b_chart{ display:inline-block; *display:inline; *zoom:1; vertical-align:top; width:330px;}

.c_btn,.m_btn{ padding:0 10px; height:26px; border:none; border-radius:2px; cursor:pointer; color:#fff; overflow:visible; vertical-align:middle;  min-width:80px; white-space:nowrap; background:#00bd66;}
.m_btn{  background:#17c1e5;}

.w_map{ position:relative; margin:30px auto; width:730px; height:500px; background:url(../images/w_map.png) no-repeat;}
.w_tips{ position:absolute; top:225px; left:520px; font-size:18px;}
.w_tips i{ display:block; margin-left:50px; width:18px; height:250px; background:url(../images/m_tips.png) no-repeat;}
.w_tips span em{ font-size:36px; color:#ff4800;}

.cover_b{ position:fixed; top:0; left:0; width:100%; height:100%; z-index:9990; filter:alpha(opacity=70); opacity:0.7; background:#000;}

.alert_b{ position:absolute; top:150px; left:50%; margin-left:-565px; width:1130px; z-index:9999; border-radius:10px; overflow:hidden; background:#fff;}
.alert_tit{ position:relative; padding-left:20px; height:70px; line-height:70px; border-bottom:1px solid #ccc; font-size:24px; background:#e4e8ec;}
.a_close{ position:absolute; right:20px; top:20px;  background:url(../images/30_icon.png) 0 -120px no-repeat;}

.alert_con{ padding:20px 50px 50px;}
.win_left{ float:left; width:490px;}
.win_right{ margin-left:500px;}

.s_chart li{ height:40px;}
.s_bar{ height:205px;}
.s_bar .bar_n{ font-size:24px;}

.a_table{ border:1px solid #ccc;}
.a_table th{ line-height:34px;}

.win_t{ font-size:18px; color:#7e8ea7;}
.win_t em{ font-size:36px;}

.c_blue{ color:#00baff;}

.b_left{ position:fixed; top:60px; left:0; bottom:0; width:290px; border-right:1px solid #adb8cb; overflow:auto; background:#dadcde;}

.user_pic{ padding:30px 0 10px; text-align:center;}
.user_pic i{ display:block; margin:0 auto; padding:10px; width:77px; height:76px; overflow:hidden; border:2px solid #fe4976; border-radius:100%;}
.user_pic img{ width:100%; height:100%; border-radius:100%; vertical-align:top;}

.user_info{ padding:10px 25px; line-height:26px;}

.tel_icon{ margin-right:5px; background:url(../images/25_icon.png) 0 -75px no-repeat;}
.mail_icon{ margin-right:5px; background:url(../images/25_icon.png) 0 -100px no-repeat;}

.p_btn{ padding:0 2px; height:28px; border:1px solid #86929e; border-radius:4px; cursor: pointer; overflow:visible; background:#dadcde;}
.report_icon{ margin-left:-5px; background:url(../images/25_icon.png) 0 -125px no-repeat;}

.meau{ border-top:1px solid #bbbfc3; border-bottom:1px solid #eaeef2;}
.meau li{ border-top:1px solid #eaeef2; border-bottom:1px solid #bbbfc3;}
.meau li a{ display:block; padding-left:15px; height:60px; line-height:60px; border-left:6px solid #dadcde; font-size:18px;}
.meau li a:hover,.meau li a.on{ border-left:6px solid #f7533e; background:#cbced2;}

.m01{  margin-right:15px; background:url(../images/25_icon.png) 0 -150px no-repeat;}
.m02{  margin-right:15px; background:url(../images/25_icon.png) 0 -175px no-repeat;}
.m03{  margin-right:15px; background:url(../images/25_icon.png) 0 -200px no-repeat;}
.m04{  margin-right:15px; background:url(../images/25_icon.png) 0 -225px no-repeat;}

.meau li a:hover .m01,.meau li a.on .m01{background:url(../images/25_icon_on.png) 0 -150px no-repeat;}
.meau li a:hover .m02,.meau li a.on .m02{background:url(../images/25_icon_on.png) 0 -175px no-repeat;}
.meau li a:hover .m03,.meau li a.on .m03{background:url(../images/25_icon_on.png) 0 -200px no-repeat;}
.meau li a:hover .m04,.meau li a.on .m04{background:url(../images/25_icon_on.png) 0 -225px no-repeat;}

.b_right{ padding-left:291px;}
.p_bar{ padding:15px; border-bottom:1px solid #ccc; border-left:1px solid #fff; background:#e4e8ec;}

.msg_icon{ margin-right:5px; background:url(../images/25_icon.png) 0 -325px no-repeat;}

.a_tab{ padding:30px; font-size:0;}
.a_tab li{display:inline-block; *display:inline; *zoom:1; vertical-align:top; margin-right:15px; font-size:14px;}
.a_tab li a{ display:block; padding:0 10px; height:30px; line-height:30px; border-radius:4px; color:#fff; background:#2e7fd0;}
.a_tab li a:hover{filter:alpha(opacity=80); opacity:0.8;}

.i01{ margin:-3px 5px 0 0; background:url(../images/25_icon.png) 0 -250px no-repeat;}
.i02{ margin:-3px 5px 0 0; background:url(../images/25_icon.png) 0 -275px no-repeat;}
.i03{ margin:-3px 5px 0 0; background:url(../images/25_icon.png) 0 -300px no-repeat;}

.date_b{ position:relative; margin:0 auto; width:1000px; height:60px;}

.d_prev,.d_next{ position:absolute; top:50%;  margin-top:-12px; z-index:10; width:24px; height:23px; cursor:pointer;}
.d_prev{ left:0; background:url(../images/scrloo_btn.png) no-repeat;}
.d_next{ right:0; background:url(../images/scrloo_btn.png) -24px 0 no-repeat;}

.date_box{ position:relative; height:60px; overflow:hidden;}
.date_box ul{ position:absolute; top:0; left:0; width:9999;}
.date_box li{ float:left; width:200px; line-height:60px; text-align:center; font-size:24px; color:#3a557b; cursor:pointer;}

.a_main{ position:relative; margin:0 auto; padding:20px 30px;}

.p_right{ float:right; width:440px;}
.p_left{ position:absolute; top:10px; left:50%; margin-left:-550px;}

.c_box{ padding:10px; border:1px solid #ccc;}

.tit_txt{display:inline-block; *display:inline; *zoom:1; vertical-align:middle; padding:0 10px; line-height:28px; font-size:18px; color:#fff;}
.per_b{display:inline-block; *display:inline; *zoom:1; vertical-align:middle; width:300px;}

.bg05{ background:#00bb64;}
.hc05{ color:#00bb64;}

.per_num{ float:right; margin-top:-10px; font-size:36px; }

.person_b{ position:absolute; top:10px; left:100px; border-radius:10px; background:#233045;}
.person_b:after{ position:absolute; bottom:-14px; left:50%; margin-left:-8px; content:''; width:0; height:0; border:8px solid transparent; border-top-color:#233045;}
.person_tit{ padding:0 20px; line-height:60px; border-radius:10px 10px 0 0; color:#fff; font-size:18px; background:#1d2738;}
.person_info{ padding:10px 20px; line-height:30px; border-bottom:5px solid #1d2738; color:#8296ae; font-size:18px;}
.person_info label{ display:block; color:#fff; font-size:20px;}
.person_p{ padding:30px 20px; color:#8296ae;}

.ps_num{ font-size:26px;}
.pc_01{ color:#00f317;}
.pc_02{ color:#ff5438;}

.ex_left{ float:left; width:470px;}
.ex_right{ margin-left:500px;}

.ex_list{ padding:20px; border:1px solid #ccc; border-radius:4px; background:#f2f5f8;}
.ex_list h2{ line-height:30px; border-bottom:1px solid #ccc; font-size:18px;}
.ex_list li{ padding:10px 0; line-height:24px; border-bottom:1px solid #ccc;}

.b_main{ padding:30px;}
.intro_b{ padding:30px; background:#efefef;}

.p_pic{ float:left; width:130px; height:170px;}
.p_pic img{ width:100%; height:100%;}

.intro_con{ margin-left:150px;}
.f30{ font-size:30px;}

.p_table td{ line-height:26px;}

.intro_tit span{ display:inline-block; *display:inline; *zoom:1; vertical-align:middle; padding:0 10px; line-height:38px; font-size:24px; color:#fff;}

.a_tt{ border-bottom:2px solid #00c783;}
.a_tt span{ background:#00c783;}
.b_tt{ border-bottom:2px solid #00b3ed;}
.b_tt span{ background:#00b3ed;}
.c_tt{ border-bottom:2px solid #ffa200;}
.c_tt span{ background:#ffa200;}

.e_table td{ padding:10px;} 
.td_tit{ text-align:right; color:#7e8ea7;}

/*login*/
.login_wrap{ position:relative; margin:0 auto; width:1000px;}
.login_logo{ margin-bottom:30px; height:185px; background:url(../images/login_logo.png) 0 bottom no-repeat;}
.login_b{ position:relative; height:400px; overflow:hidden; background:#14191e;}

.login_box{ position:relative; z-index:10; float:right; margin:50px 50px 0 0; width:240px; padding:25px; overflow:hidden; background:#fff;}
.login_box h2{ padding-bottom:15px; font-size:18px; font-weight:bold;}
.login_box li{ position:relative; margin-bottom:20px; background:#fff;}

.n_icon{ background:url(../images/25_icon.png) 0 -350px no-repeat;}

.login_user{ background:url(../images/user.png) 10px center no-repeat;}
.login_pwd{ background:url(../images/pwd.png)  10px center no-repeat;}

.input_txt{ padding-left:35px; width:200px; height:28px; line-height:28px; border:1px solid #ccc; border-radius:4px;}
.input_txt:focus{border:1px solid #ffa000;}

.login_btn{ width:100%; height:40px; border:none; border-radius:4px; font-size:16px; text-align:center; cursor:pointer; color:#fff; background:#d80c18;}
.video{ position:absolute; top:0; left:50%; margin-left:-950px; width:1180px; height:400px;}
.video video{ width:100%; height:100%; background-color: transparent; object-fit: fill;}

.login_copyright{ padding-top:20px; text-align:center;}

/**/
.info_b:after{ border:none;}
.info_txt{ font-size:22px; color:#fff; font-size:22px;}
.info_txt span{ padding-left:15px; color:#8296ae; font-size:18px;}

.el_con{ padding:10px 20px; line-height:24px; color:#8296ae;}
.el_con p{ padding-bottom:10px;}
.el_al{ border-bottom:1px solid #f2d514; color:#f2d514;}
.el_a2{ border-bottom:1px solid #fff; color:#fff;}

.table_list tr:nth-child(even){ background:#f6f6f6;}

.le_box{ overflow:hidden;}
.le_left{ float:left; width:215px; margin-bottom:-9999px; padding-bottom:9999px; border-right:1px solid #ccc; background:#f2f5f8;}
.le_right{ margin-left:215px; background:#fff;}

.le_nav{ min-height:400px; border-bottom:1px solid #fff; }
.le_nav li{ border-top:1px solid #fff; border-bottom:1px solid #ccc;}
.le_nav li a{ display:block; padding-left:30px; line-height:60px; border-left:4px solid rgba(0,0,0,0); font-size:16px; color:#6588ab;}
.le_nav li a:hover,.le_nav li a.on{ border-left:4px solid #ff7633; background:#bdc9d5; color:#333;}

.le_con{ padding:30px;}
.d_list{ line-height:40px;}
.d_list a{ color:#3b648d;}
.doc_icon{ background:url(../images/30_icon.png) 0 -150px no-repeat;}

.ch_box{ display:inline-block; *display:inline; *zoom:1; vertical-align:middle; border:1px solid #ccc;}
.ch_txt{width:170px; height:28px; line-height:28px; border:none; vertical-align:middle; text-indent:5px;}
.ch_btn{ width:25px; height:25px; border:none; cursor:pointer; vertical-align:middle; background:url(../images/25_icon.png) 0 -25px no-repeat;}

.d_btn{ padding:0 25px; height:30px; border:none; cursor:pointer; overflow:visible; vertical-align:middle; background:#ddd;}

.page{ padding:30px 0; text-align:right;}
.page *{ display:inline-block;  *display:inline; *zoom:1; vertical-align:middle;}
.page a{ display:inline-block; *display:inline; *zoom:1; position:relative;margin:0 5px; padding:0 14px; height:32px; line-height:32px; border:1px solid #ccc; border-radius:4px; background:#fff;}
.page a:hover{border:1px solid #ff4a42;}
.page a.current_page{border:1px solid #ff4a42; color:#fff;  background:#ff4a42;}

.m_search{ width:30px; height:30px; border:none; cursor:pointer;  vertical-align:middle; background:url(../images/30_icon.png) 0 -180px no-repeat;}
.m_txt{  width:140px; height:28px; line-height:28px; border:1px solid #ccc; text-indent:5px; }

.b_dt{ border-top:1px solid #ccc;}
.textarea{ width:100%; height:130px; padding:5px; border:1px solid #ccc;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.file_n{ padding:20px; line-height:30px;}
.file_n dt{ color:#6588ab;}
.file_n dd{ padding-bottom:10px; font-size:16px;}

.name_icon{ margin-right:5px; background:url(../images/25_icon.png) 0 -375px no-repeat;}
.part_icon{ margin-right:5px; background:url(../images/25_icon.png) 0 -400px no-repeat;}
.company_icon{ margin-right:5px; background:url(../images/25_icon.png) 0 -425px no-repeat;}

.file_con{ padding:10px; height:500px; overflow:auto;}
.flie_item{ padding:10px;}
.flie_item h2{ padding-bottom:10px; border-bottom:1px solid #ccc; font-size:16px;}
.b_lit{display:inline-block; *display:inline; *zoom:1; vertical-align:middle; margin-right:5px; width:4px; height:15px; background:#33d6ff;}
.flie_item p{ padding-top:10px; line-height:24px;}
.flie_item p label{ display:block; padding-bottom:5px;}

.add_file{display:inline-block; *display:inline; *zoom:1; vertical-align:middle; padding:0 5px;  border:1px dashed #ff6317; color:#ff6317;}

.f_close{ background:url(../images/25_icon.png) 0 -450px no-repeat;}
.add_icon{background:url(../images/25_icon.png) 0 -475px no-repeat;}

.h_nowrap{overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.zip_icon{ background:url(../images/30_icon.png) 0 -210px no-repeat;}

.n_meau{}

.m05{  margin-right:15px; background:url(../images/25_icon.png) 0 -500px no-repeat;}
.m06{  margin-right:15px; background:url(../images/25_icon.png) 0 -525px no-repeat;}
.m07{  margin-right:15px; background:url(../images/25_icon.png) 0 -550px no-repeat;}

.meau li a:hover .m05,.meau li a.on .m05{background:url(../images/25_icon_on.png) 0 -500px no-repeat;}
.meau li a:hover .m06,.meau li a.on .m06{background:url(../images/25_icon_on.png) 0 -525px no-repeat;}
.meau li a:hover .m07,.meau li a.on .m07{background:url(../images/25_icon_on.png) 0 -550px no-repeat;}

.n_tab{ padding:0;}

/**/
.c_main{ padding:15px;}

.app_tit{ padding-bottom:15px; line-height:30px; border-bottom:3px solid #ddd;}

.c_cell{ font-size:0;}
.c_cell li{display:inline-block; *display:inline; *zoom:1; vertical-align:top; width:50%; font-size:14px;}

.app_b{ padding:20px 10px;}

.c_add{ background:url(../images/25_icon.png) 0 -575px no-repeat;}
.c_less{ background:url(../images/25_icon.png) 0 -600px no-repeat;}

/**/
.pp_b{ margin-right:470px;}

.c_tab{ font-size:0;}
.c_tab li{display:inline-block; *display:inline; *zoom:1; vertical-align:top; margin-left:-1px; font-size:14px;}
.c_tab li a{ display:block; padding:0 10px; line-height:36px; border:1px solid #ccc; background:#f6f6f6;}
.c_tab li:first-child a{ border-radius:4px 0 0 4px;}
.c_tab li:last-child a{ border-radius:0 4px 4px 0;}
.c_tab li a.on{ color:#fff; border:1px solid #12a6e4; background:#12a6e4;}

.pp01{background:url(../images/25_icon.png) 0 -625px no-repeat;}
.pp02{background:url(../images/25_icon.png) 0 -675px no-repeat;}

.c_tab li a.on .pp01{background:url(../images/25_icon.png) 0 -650px no-repeat;}
.c_tab li a.on .pp02{background:url(../images/25_icon.png) 0 -700px no-repeat;}

.pp_tit span{ line-height:30px; font-size:18px;}

/**/
.p_status{ display:inline-block; *display:inline; *zoom:1; vertical-align:top; width:112px; height:112px; line-height:112px; font-size:30px; color:#fff;}
.p_good{ background:url(../images/good.png) no-repeat;}
.p_warn{ background:url(../images/warn.png) no-repeat;}
.p_bad{ background:url(../images/bad.png) no-repeat;}

.warn_txt{ border:1px solid #e6a20e; color:#e6a20e; background:#fff;}
.bad_txt{ border:1px solid #e64032; color:#e64032; background:#fff;}

/**/
.column_box{padding:20px 0; font-size:0; overflow:hidden;}
.column_panel{ position:relative; display:inline-block; *display:inline; *zoom:1; vertical-align:top; height:300px;  border:1px solid #ccc;  font-size:14px; overflow-y:auto;overflow-x:hidden; background:#fff;}
.column_item{ width:320px;}
.column_item li{ padding:0 10px; margin-bottom:1px; line-height:36px; cursor:pointer;}
.column_item li:hover,.column_item li.on{ background:#f3f7f8;}

.move_box{ display:inline-block; *display:inline; *zoom:1; vertical-align:top;  padding:100px 35px 0;  font-size:14px;}
.move_box li{ padding-top:20px;}

.se_btn{border:1px solid #00bd66; background:#00bd66;}
.de_btn{ border:1px solid #ccc; color:#999; background:#ececec;}

.cell_b{ font-size:0;}
.cell3_box{ display:inline-block; *display:inline; *zoom:1; vertical-align:top; width:33.33%; font-size: 14px;}

.chart_b li{ height:70px;}
.d_bar{ height:356px;}

/**/
.p_have{ background:url(../images/have.png) no-repeat;}
.p_no{ background:url(../images/no.png) no-repeat;}
.p_money{ line-height:135px; font-size:14px; background:url(../images/money.png) no-repeat;}

.bg06{ background:#9e9e9e;}
.bg07{ background:#d74c60;}

/**/
.item_ring{ padding:10px; border:1px solid #ccc; border-radius:4px; font-size:0; background:#f2f5f8;}
.item_ring li{ display:inline-block;*display:inline; *zoom:1;  vertical-align:top; position:relative; margin:10px 0; width:25%; text-align:center; font-size:14px;}

.a_circle{display:inline-block;*display:inline; *zoom:1;  vertical-align:top; position:relative; width:100px; height:100px; }
.a_svg{ position:absolute; top:0; left:0;  width:100px; height:100px; }
.n_circle{position:absolute; top:0; left:0; -webkit-transition: stroke-dasharray 1s; transition: stroke-dasharray 1s; }
.cir_num{ position:absolute; top:0; left:0;  padding-top:15px; width:100%;}
.cir_num em{ display:block; font-size:30px;}

.pb_dash{ font-size:0;}
.hc05{ color:#ffa646;}

.item_ring li:hover .ring_tips{ display:block;}
.ring_tips{ display:none; position:absolute; bottom:100%; left:50%;  z-index:101; padding:10px 20px; width:300px; line-height:28px; border:1px solid #ccc; border-radius:4px; text-align:left; -webkit-transform:translateX(-50%); transform:translateX(-50%); background:#fff;}
.ring_tips:before{ position:absolute; bottom:-13px; left:50%; margin-left:-4px; width:0; height:0; content:''; border:6px solid transparent; border-top-color:#ccc;}
.ring_tips:after{ position:absolute; bottom:-12px; left:50%; margin-left:-4px; width:0; height:0; content:''; border:6px solid transparent; border-top-color:#fff;}
.ring_tips h2{ padding-bottom:5px; border-bottom:1px solid #eee; font-size:16px; color:#ff7200;}
.ring_tips p{ word-break:break-all;}


